<!DOCTYPE html>
<html lang="en"  xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>Title</title>

    <style>
        .center {
            display: flex;
            justify-content: center;
            align-items: center;
            height: 50vh; /* 设置高度 */
        }
        .h1-ll{
            display: flex;
            justify-content: center;
            align-items: center;
            height: 10vh; /* 设置高度 */
        }

    </style>
</head>
<body>

<h1 class="h1-ll">请选择您要面试的框架</h1>
<form action="/use/login" method="post"  class="center">

    <label for="selectOption">请选择您要面试的框架：</label>
    <select id="selectOption" name="selectOption">
        <option value="linux+shell">linux+shell</option>
        <option value="hadoop">hadoop</option>
        <option value="zookeeper">zookeeper</option>
        <option value="kafka">kafka</option>
        <option value="gather">采集组件</option>
        <option value="hive">hive</option>
        <option value="spark">spark</option>
        <option value="flink">flink</option>
        <option value="olaptable">OLAP数据库</option>
        <option value="java">java相关</option>
        <option value="offline">离线数仓</option>
        <option value="realtime">实时数仓</option>
    </select>

    &nbsp;&nbsp;&nbsp;&nbsp;

    <input type="submit" value="提交">
</form>


</body>


</html>